当前位置: 首页 >文章 > 搞事情,这么排版才合理!
收藏
分享

搞事情,这么排版才合理!

举报张修张修发布于 2021-06-201456阅读11点赞
宽窄类型的banner不适合将内容下拉层级太多...


昨天有人搞事情!

有个学员说,你能把这图改起来,我就报你的课

我深深长叹一口气,安排!



我们先分析这张图的问题


问题1:

整个版式的构图被故意切分成三段且三者之间并没有展现出很好的关联性,这就像两个人合唱,你唱你的我唱我的,连个互动都没有,你说这怎么行。


问题2:

人物与文字的比例做成了相等,导致整体画面没有视觉焦点,也没有物体之间对比。


问题3:

我们将产品人物大小做了个假设,放大物体后视觉焦点会更清晰化,而如果按原有的人物比例放置文案,不管文字的比例多大或多小,都无法改变2个问题。

这张图到底是卖衣服还是卖裤子,以及看不出细节,也看不清模特。

这种问题如果缩小至banner的宽窄比例图中尤为明显。


问题4:

文字段的引导采用了竖式下放以及横式的两种编排,顾客在观看图片时,使之得不到一致的统一,也就是不能非常直观和快速的将内容捕捉完整。


问题5:

配色上使用色系过多,尤其是背景色偏灰暗,让人会提不起购物的兴趣。

综合以上问题,我们需要把以上几点重新整改成新的banner图。



这里面推荐的第一种是左右平衡构图,它的优点是信息占据焦点、版式编排清晰、画面稳定干净。另一种是是左右不规则构图,与平衡构图不一样的是不规则的构图能带动版式的灵动,信息的层级空间会比较明显。

有三点要说明一下:1、宽窄类型的banner不适合将内容下拉层级太多。2、物体放置时最好采用半身或者细节区域展现,更容易表现出产品特性。于是我们先来看下最后整改后的效果。3、人物本身的角度不够好,以及脸部阴影过暗,放大脸部只会造成更明显的缺陷。



1、由于这个学员给予了两个人物模特,于是将其左右剪切到画面中。

2、将文字内容置于到中心区域,这里的文字比例按三角形态构建,会把主题点凸显。

3、配色使用了粉红与淡蓝,体现出夏天的清爽干净。

4、把中心区域的内容通过合理编排增加图形混合入画面,再将人物增加剪影做出描边与整个风格得到一定完整度。

#01 banner案例过程>


#02 banner案例过程>


#03 banner案例过程>

banner的内容与编排都是可以根据风格的定义来设计,而体现的出来的特征却会不一样,有的着重体现产品、有的体现出了信息卖点、有的个性化十足,而有的具有时代的定义,关键是看设计需求如何运用到。

当我做完才发现,学员要做的是吊旗......

于是我在原有其中一张的banner图上稍加修改,发现也能很好适用和兼容,所以设计无边界,不要再去纠结自己做的是什么领域,设计的很多理论和应用都是相通的。

今天的文章写完了,这位同学你满意了吗






本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:修先森撩设计!






0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,673人)

【5月】零基础动态表情包创作训练营
距离开班仅剩17天16人已报名
【6月】人像后期案例实操训练营
距离开班仅剩44天20人已报名
【7月】PR零基础快速入门
距离开班仅剩65天0人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,088
并提交了171份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证